<template>
<uni-shadow-root class="view-new-aikucun-aikucun_activity_will"><template name="aikucun_activity_will">
 
  

  <view class="activity_will_area">
      <view class="activity_list" v-if="unactivityPromotion.length == 0">
          <view class="activity_list_item">
            <image mode="aspectFill" :style="'height:'+(sysWidth*0.55 - 10)+'px;'" src="http://image.aikucun.xyz/aikucun/2018_4/2/11/24/48_688.jpg"></image>
          </view>
      </view>
      <view v-else class="activity_list"> 
          <view v-for="(items,index) in (unactivityPromotion)" :key="items.index" class="activity_list_item">
          <view class="activity_list_item_card">
              <view class="date_container font_08">
                  <view class="date_hour_s" v-if="items.resultTime.lever == 1">
                    <view v-if="items.resultTime.Time.second > 1">即将开始：</view>
                    <text :style="'background:'+(platformSetting.defaultColor)" v-if="items.resultTime.Time.second > 1"> {{items.resultTime.Time.second}} </text>
                    <text class="over_text" v-else> 已开始 </text>
                  </view>
                  <view class="date_hour_s" v-else-if="items.resultTime.lever == 2">
                    <view>即将开始：</view>
                    <text> {{items.resultTime.Time.minute}} </text>:
                    <text> {{items.resultTime.Time.second}} </text>
                  </view>
                  <view class="date_hour_s" v-else-if="items.resultTime.lever == 3">
                    <view>即将开始：</view>
                    <text> {{items.resultTime.Time.hour}} </text>:
                    <text> {{items.resultTime.Time.minute}} </text>:
                    <text> {{items.resultTime.Time.second}} </text>
                  </view>

                  <view class="date_hour_s" v-else-if="items.resultTime.lever == 4">
                    <view>即将开始：</view>
                    <text> {{items.resultTime.Time.day}} </text> 天
                  </view>
              </view>
              <view class="activity_list_item_card_date font_08">
                  
                  <view class="date_title1"> {{items.startTimeDate}} 开抢</view>
              </view>
          </view>
          <image mode="aspectFill" :style="'height:'+(sysWidth*0.55 - 10+31)+'px;'" :src="items.promotionBanner" :data-name="items.name" :data-content="items.content" :data-id="items.id" @click="toActvityRichText"></image>
          <view class="detail_button_icon" :data-name="items.name" :data-content="items.content" :data-id="items.id" @click="toActvityRichText">详情</view>
              
              
              
      </view>
      </view> 
  </view>
</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'view-new/aikucun/aikucun_activity_will'

Component({})

export default global['__wxComponents']['view-new/aikucun/aikucun_activity_will']
</script>
<style platform="mp-weixin">
.activity_list_item_card_will{
   /* position: absolute;
    bottom: 0;
    right: 0; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* border-top-right-radius: 10px;
    padding: 0 10px; */
    height: 64rpx;
    line-height: 64rpx;
    background: #fff;
    color: #e10000;
    width: 100%;
    padding: 0 24rpx;
    box-sizing: border-box;
    font-size:30rpx;
}

/* 活动预告 */
.activity_will_area{
    display: flex;
    flex-direction: column;
}
.will_active{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    background: #888;
    opacity: 0.6;
}
/*活动banner上面的 详情按钮*/
.detail_button_icon{
  width: 121rpx;
  height: 45rpx;
  line-height: 45rpx;
  text-align: center;
  background: #e10000;
  color: #fff;
  border-radius:20rpx; 
  font-size: 26rpx;
  position: absolute;
  right: 31rpx;
  bottom: 36rpx;
}
</style>